<script setup>
import {onActivated, onBeforeUnmount, onBeforeUpdate, onDeactivated, onMounted, onUnmounted, onUpdated} from "vue";

onBeforeUnmount(()=>{
  console.log("Home onBeforeUnmount");
})

onMounted(()=>{
  console.log("Home onMounted");
})

onBeforeUpdate(()=>{
  console.log("Home onBeforeUpdate");
})

onUpdated(()=>{
  console.log("Home onUpdated");
})

onBeforeUnmount(()=>{
  console.log("Home onBeforeUnmount");
})

onUnmounted(()=>{
  console.log("Home onUnmounted");
})

onActivated(()=>{
  console.log("Home onActivated")}
)

onDeactivated(()=>{
  console.log("Home onDeactivated")}
)
</script>

<template>
<h1>Home 页面</h1>
</template>

<style scoped>

</style>